<div ng-controller="ClusterListController" ng-init="init()">
    <div class="page-title">

        <div class="title-env">
            <h1 class="title">集群服务</h1>
            <p class="description"><i class="fa-question-circle"></i> 可以从这里了解<a href="http://docs.naturecloud.io/container-services" target="_blank">集群服务?</a></p>
        </div>

        <div class="breadcrumb-env">

            <ol class="breadcrumb bc-1">
                <li>
                    <a ui-sref="cp" ><i class="fa-home"></i>首页</a>
                </li>

                <li class="active">

                    服务
                </li>
            </ol>

        </div>

    </div>
    <!-- Responsive Table -->
    <div class="row">
        <div class="col-md-12">

            <div class="panel panel-default">

                <div class="panel-body">



                    <div class="row">


                        <nav class="navbar navbar-default service_menu" >

                            <div class="navbar-header">
                                <button class="btn btn-blue" ng-click="createCluster()">
                                    <i class="fa-plus"></i>
                                    <span>创建集群</span>
                                </button>
                            </div>

                        </nav>







                    </div>

                    <table class="table table-bordered table-striped " >
                        <thead>
                        <tr>
                           <!-- <th class="no-sorting">
                                <input type="checkbox" class="cbr">
                            </th>-->
                            <th class="width-60">集群名称</th>
                            <th class="width-60" >集群状态</th>
                            <th class="width-60">节点数</th>
                            <th>集群操作</th>

                        </tr>
                        </thead>

                        <tbody>
                            <!--<tr ng-repeat="data in datas.Paginator">-->
                            <tr ng-repeat="data in currentPageServices">
                                <td>
                                    <a ui-sref="cp.clusterdetail({cluster:data, clusterId: data.clusterId})"  uib-tooltip="查看集群">{{data.name}}</a>
                                </td>
                                <td>{{data.status}}</td>
                                <td>{{data.nodeAvailable}}/{{data.nodeTotal}}</td>
                                <td class="table_btn">
                                    <a ui-sref="cp.clusterdetail({cluster:data, clusterId: data.clusterId})"  uib-tooltip="查看集群">
                                        <i class="fa fa-cog" ></i>
                                    </a>
                                    <!--<a ui-sref="cp.clusterplugin({cluster:data, clusterId: data.clusterId})" title="集群插件" tooltip>
                                        <i class="fa fa-wrench" ></i>
                                    </a>-->
                                    <a  data-toggle="tooltip" data-placement="top"  href="#" ng-click="delete(data)" uib-tooltip="删除集群">
                                        <i class="fa-times-circle"></i>
                                    </a>
                                </td>
                            </tr>

                        </tbody>
                    </table>

                    <!--<div ng-controller="TodoController">-->
                    <div class="pull-right">
                        <uib-pagination
                                ng-model="currentPage"
                                total-items="services.length"
                                items-per-page="numPerPage"
                                max-size="3"
                                first-text="<<"
                                previous-text="<"
                                next-text=">"
                                last-text=">>"
                                boundary-links="true">
                        </uib-pagination>
                    </div>
                </div>

            </div>
        </div>
    </div>


</div>



